// /**
//  * 用户登录
//  *  1. 收集并校验数据
//  *  2. 提交数据
//  *  3. 缓存响应数据
//  *  4. 跳转首页
//  * */
// document.querySelector('#btn-login').addEventListener('click', async () => {
//   // 1. 收集并校验数据
//   const form = document.querySelector('.login-form')
//   const data = serialize(form, { empty: true, hash: true })
//   console.log(data)
//   const { username, password } = data
//   // 非空判断
//   if (username === '' || password === '') {
//     showToast('用户名和密码不能为空')
//     return
//   }
//   // 格式判断
//   if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) {
//     showToast('用户名长度8-30，密码长度6-30')
//     return
//   }
//   // 2. 提交数据
//   try {
//     const res = await axios.post('/login', { username, password })
//     // console.log(res)
//     showToast(res.message)
//     // 3. 缓存响应数据
//     localStorage.setItem('token', res.data.token)
//     localStorage.setItem('username', res.data.username)
//     // 4. 跳转首页
//     // 延迟一会在跳转，让提示框显示
//     setTimeout(() => {
//       // login.html和index.html的相对关系
//       location.href = './index.html'
//     }, 1500)
//   } catch (error) {
//     // console.dir(error)
//     showToast(error.response.data.message)
//   }
// })

document.querySelector('#btn-login').addEventListener('click', async () => {
  /*
  1、获取表单值
  2、校验表单值
  3、发送请求
  4、成功后跳转到登录页
  */
  const form = document.querySelector('.login-form')
  const data = serialize(form, { hash: true, empty: true })
  console.log(data, 88);
  const { username, password } = data
  if (username.length < 5) {
    return showToast('请输入长度不小于5的用户名')
  }
  if (password.length < 5) {
    return showToast('请输入长度不小于5的密码')
  }
  // const res = await axios.post('/register', {
  //   username,
  //   password
  // })
  // // console.log(res, 44);
  // if (res.data.message == '注册成功') {
  //   location.href = './login.html'
  // }

  try {
    const res = await axios.post('/login', {
      username,
      password
    })
    showToast(res.data.message)
    /* 获取token
    1、根据token可以判断是否有登录
    有token表示已经登录，反之表示没有登录
    2、登录成功后需要在index.html中获取token，所以需要将token存储起来，locaStorage，需要在index中判断有没有token
    */
    console.log(res, 8);
    localStorage.setItem('token', res.data.data.token)
    localStorage.setItem('userInfo', JSON.stringify(res.data.data))
    setTimeout(() => {
      location.href = './index.html'
    }, 1000)
  } catch (error) {
  }
})